import { trigger, state, animate, style, transition } from '@angular/animations'

export class AdAnimations {
  static expandCollapse = trigger('expandCollapse', [
    // 使用 state 方法定义折叠状态元素对应的样式
    state(
      'collapsed',
      style({
        height: 0,
        overflow: 'hidden',
        paddingTop: 0,
        paddingBottom: 0,
      })
    ),
    // 使用 state 方法定义展开状态元素对应的样式
    state('expanded', style({ height: '*', overflow: 'hidden' })),
    // 定义展开动画
    transition('collapsed => expanded', animate('150ms ease-out')),
    // 定义折叠动画
    transition('expanded => collapsed', animate('150ms ease-in')),
  ])
}
